<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<!-- 头部 -->
		<header id="header">
			<!-- 密码登录 -->
			<p>
				<a href="login.html">密码登录</a>
			</p>
		</header>
		<!-- 主体 -->
		<main>
			<!-- 标题 -->
			<div id="title">
				<h1>手机号登录/注册</h1>
				<p>快速找到好友，一站式记录你的运动</p>
			</div>
			<form action="#">
				<p>
					<input type="text" name="" id="tel" placeholder="输入手机号码" />
				</p>
				<div class="captcha-box">
					<input type="text" id="code" placeholder="请输入验证码" />
					<div><canvas width="100" height="40" id="captcha"></canvas></div>
				</div>
				<p>
					<input type="password" name="" id="pwd" placeholder="请输入密码" />
				</p>
				<p>
					<input
						type="password"
						name=""
						id="repwd"
						placeholder="请再次确认密码"
					/>
				</p>
				<p>
					<button type="button" id="btn">注册账号</button>
				</p>
			</form>
			<div id="wechat">
				<p><span class="iconfont icon-wechat1"></span>微信注册</p>
			</div>
		</main>
		<footer>
			<div>
				<i></i>
				<span> TRY HARD </span>
				<i></i>
			</div>
		</footer>
	</body>
</html>
